<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello world</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<style type="text/css">
		/* 这是css样式注释 */
		h2{color:blue;}
		h6{color:red;font-size:12px;line-height:1.6em;}
		p{color:green;font-size:12px;line-height:1.6em;}
		.demo{color:blue;}
		#demo{color:yellow;}
		#wrapper>div{
			border:2px solid #000
		}
		.dntcry{color:red;}
		.dntcry:hover{color:blue;}
		body {font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu}
		div{
			display:inline;
		}
		span{
			display:inline;
		}
	</style>
</head>
<body>
	<h1>一级标题</h1>
	<h2>二级标题</h2>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6>六级标题 红色</h6>
	<h6 class="demo">六级标题 蓝色</h6>
	<p id="demo">段落标签测试</p>
	<p>段落标签测试</p>
	<p>段落标签测试</p>
	<p>段落标签测试</p>
	<p>段落标签测试</p>
	<p>段落标签测试</p>
	hello world!
	<div id="wrapper">
		<div>
			div-1
			div-1
			div-1
			<div>
				div-1-1
			</div>		
		</div>
		<div>div-2</div>
		<div>div-3</div>
	</div>
	<span class="dntcry">心情郁闷</span>
</body>
</html>